//创建一个mutations对象
//更改Vuex的store中的状态的唯一办法就是提交mutation
//moutation中函数的第一个参数就是当前的state对象
//既然Vuex的store中的状态是响应式的,Vuex中的mutation也需要与使用Vue一样遵守一些注意事件(修改数据的注意事项)
export default {
    increment(state) {
        state.count++;
        localStorage.setItem('vuex-count',JSON.stringify(state))
    },
    // mutation中的函数的第二参数载荷(payload) 都是接收commit的传参
    //vuex还是希望payload是一个对象,这样可以传递多个参数
    incrementN(state, {
        n
    }) {
        state.count += n;
        localStorage.setItem('vuex-count',JSON.stringify(state))
    },

    setMovieList(state, movieList) {
        state.movieList = movieList;
        localStorage.setItem('vuex-count',JSON.stringify(state))
    }

    //一条重要的原则就是要记住mutation 必须是同步函数,如果是异步的,我们无法在工具中追踪数据的变化
}